.dux-coupon-list {
  li {
    margin-bottom: 20px;
  }
}

.dux-coupon-box {
  background-image: url('../images/coupon-item.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #fff;

  height: 180px;
  padding: 20px;

  display: flex;
  .box-image {
    padding-right: 20px;
    img {
      width: 140px;
      height: 140px;
    }
  }
  .box-info {
    flex: 1;
    padding-top: 30px;
    .title {
      font-size: 1.8rem;
      padding-bottom: 10px;
    }
    .desc {
      font-size: 1.4rem;
      color: #999;
      padding-bottom: 10px;

    }
  }
  .box-receive {
    width: 140px;
    border-left: 1px dashed #ddd;
    padding: 15px;
    padding-right: 0;
    text-align: center;
    .receive-press {
      progress {
        margin-top: 10px;
      }
    }
    .receive-btn {
      border-radius: 25px;
      padding: 0 10px;
      line-height: 30px;
    }
  }
}